/*
Tabs style
*/
.tabs-bordered{
    border-bottom: 2px solid #eee;
    padding:0;
    li{
        margin:0;
        padding:0;
        margin-bottom:-2px;
        a{
            display: block;
            padding: 8px 14px;
            color:#999;
            border-bottom:2px solid transparent;
            font-size:13px;
            font-weight:400;
            text-transform:uppercase;
            i{
                margin-right: 5px;
                font-size: 16px;
                    vertical-align: middle;
            }
        }
        &.active a,a:hover{
            border-bottom-color:$color-primary;
            color:$color-primary;
        }
    }
    &.icons-tab{
        i{
            margin: 0px;
            font-size: 23px;
        }
    }
}
.tabs-left-align,.tabs-right-align{
     .tab-content{
        overflow: hidden;
    }
    ul{
        li{
            a{
                display: block;
                padding: 7px 15px;
                background-color: #f5f5f5;
                font-size: 14px;
                color:#999;
                margin-bottom: 5px;
                @include border-radius(3px);
                @include box-shadow(0px 1px 2px rgba(0,0,0,0.2));
            }
            &.active a{
                background-color: $bg-primary;
                color:#fff;
            }
        }
    }
}
.tabs-left-align{
    ul{
        float: left;
        margin-right: 20px;
    }
   
}
.tabs-right-align{
    ul{
        float: right;
        margin-left: 20px;
    }
}